<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="周期 | 时段设置" class="dialogStyleBase" width="580px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="formWrap">
       
        <el-form style="margin: 20px">
            <el-form-item label="活动周期">
                <el-checkbox-group v-model="checkList">
                    <el-checkbox-button label="星期一" :disabled="disabledOrNot(0)"></el-checkbox-button>
                    <el-checkbox-button label="星期二" :disabled="disabledOrNot(1)"></el-checkbox-button>
                    <el-checkbox-button label="星期三" :disabled="disabledOrNot(2)"></el-checkbox-button>
                    <el-checkbox-button label="星期四" :disabled="disabledOrNot(3)"></el-checkbox-button>
                    <el-checkbox-button label="星期五" :disabled="disabledOrNot(4)"></el-checkbox-button>
                    <el-checkbox-button label="星期六" :disabled="disabledOrNot(5)"></el-checkbox-button>
                    <el-checkbox-button label="星期日" :disabled="disabledOrNot(6)"></el-checkbox-button>
                </el-checkbox-group>
            </el-form-item>
            <el-form-item label="活动时段">
                <div class="activityTime">
                    <div class="time">
                        <div class="l">
                            <!--<el-time-select
                                    placeholder="起始时间"
                                    v-model="startTime">
                            </el-time-select>
                            <el-time-select
                                    placeholder="结束时间"
                                    v-model="endTime">
                            </el-time-select>-->
                            <el-time-picker style="width:100%"
                                            format='HH:mm'
                                            value-format='HH:mm'
                                            is-range
                                            v-model="timeValue"
                                            range-separator="-"
                                            start-placeholder="开始时间"
                                            end-placeholder="结束时间"
                                            placeholder="选择时间范围">
                            </el-time-picker>
                        </div>
                        <div class="r"  >
                            <el-button style="width:100%" v-if="timeArr" @click="addTime" size="small">添加</el-button>
                        </div>
                    </div>

                    <div style="padding-top: 10px">
                        <el-tag :key="index"
                                v-for="(item,index) in showArr"
                                closable
                                :disable-transitions="false"
                                @close="deleteItem(item,index)"
                                style="margin: 10px 2px 0 2px">
                            {{item.begin}}-{{item.end}}
                        </el-tag>
                    </div>

                    <!--<div v-if="timeArr" class="wrap">
                        <div v-for="(item, index) in timeArr" :key="index" class="container" v-show="item.deleteFlag">
                            <el-tag class="tagStyle" closable :key="index"
                                    @close="deleteItem(item,index)">{{item.begin}}-{{item.end}}
                            </el-tag>
                            &lt;!&ndash;<div class="timeList">
                                <div>
                                    {{item.begin}}-{{item.end}}
                                </div>
                                <div class="del">
                                    <i class="el-icon-delete" @click="deleteItem(item,index)"></i>
                                </div>
                            </div>&ndash;&gt;
                        </div>
                    </div>-->

                    <!--<el-tag class="tagStyle" v-for="(item,index) in timeArr" closable :key="index"
                        @close="deleteItem(item,index)">{{item.begin}}-{{item.end}}
                    </el-tag>-->
                </div>
            </el-form-item>
        </el-form>
    </div>

    <div slot="footer">

        <div slot="footer">
            <el-button @click="editBoxClose()">取 消</el-button>
            <el-button type="primary" @click="submit()">确定</el-button>
        </div>

    </div>
</el-dialog>
